<div ng-include src="'tpl/public/header.html'"></div> 
<div class="contents">
  <ol class="breadcrumb" style="background-color:#eee;float: left;font-size:14px;padding-top: 13px;">
    <li><a href="#/index/panel">首页</a></li>
    <li class="active">
        <span ng-if="t==02">信托产品列表</span>
        <span ng-if="t==03">资管产品列表</span>
        <span ng-if="t==06">股权产品列表</span>
        <span ng-if="t==07">债权产品列表</span>
        <span ng-if="t==01">私募基金产品列表</span>
    </li>
  </ol>
  <form class="form-inline search-box" style="text-align: right;">
     <div class="form-group" style="width:50%;">
      <label class="sr-only" >产品名称</label>
      <input type="text" class="form-control" placeholder="产品名称" ng-model="searchMap.pShortNameQuery">
       <a href="/product/qudaoListResult?name={{searchMap.pShortNameQuery}}"><button type="button" class="btn btn-primary">查询</button></a>
     </div>
  </form>
  <form class="form-inline qudaoList_term_form" role="form" ng-submit="search()" novalidate>

    <!-- 信托，资管，债权基金基金筛选条件 -->
      <div ng-show="t!=06&&t!=01" class="qudaoList_check">
        <div>
          <p>
            募集状态:
          </p>
            <ul>
                <li>
                    <input type="checkbox" name="pSaleStatus" value="" ng-click="changeQueryType('pSaleStatus',true);">不限
                </li>
                <li  ng-repeat="m in dictMap['productSaleStatusModel']">
                    <input type="checkbox" name="pSaleStatus" value="{{m.value}}" ng-click="changeQueryType('pSaleStatus');">{{m.text}}
                </li>
            </ul>

        </div>
        <div>
          <p>
            产品期限:
          </p>
            <ul>
                <li>
                  <input type="checkbox" name="dueTime" value="" ng-click="changeQueryType('dueTime',true);">不限</li>
                <li  ng-repeat="m in dictMap['dueTimeModel']">
                  <input type="checkbox" name="dueTime" value="{{m.value}}" ng-click="changeQueryType('dueTime');">{{m.text}}
                </li>
            </ul>
        </div>
        <div>
          <p>
            预期收益:
          </p>
            <ul>
                <li>
                    <input type="checkbox" name="annualRevenue" value="" ng-click="changeQueryType('annualRevenue',true);">不限</li>
                <li  ng-repeat="m in dictMap['annualRevenueModel']">
                    <input type="checkbox" name="annualRevenue" value="{{m.value}}" ng-click="changeQueryType('annualRevenue');">{{m.text}}
                </li>
            </ul>

        </div>
        <div>
          <p >
            投资领域:
          </p>
            <ul>
                <li> <input type="checkbox" name="pInvestType" value="" ng-click="changeQueryType('pInvestType',true);">不限</li>
                <li  ng-repeat="m in investTypeModel">
                    <input type="checkbox" name="pInvestType" value="{{m.value}}" ng-click="changeQueryType('pInvestType');">{{m.text}}
                </li>
            </ul>

        </div>
        <div>
          <p>
            起购金额:
          </p>
            <ul>
                <li  ng-repeat="m in dictMap['minimumAmountModel']">
                    <input type="radio" name="minimumAmount" value="{{m.value}}" ng-click="changeQueryType('minimumAmount');">{{m.text}}
                </li>
            </ul>

        </div>
          <div>
              <p>
                大小配比:
              </p>
              <ul>
                  <li><input type="checkbox" name="pSizeRatioType" value="" ng-click="changeQueryType('pSizeRatioType',true);">不限</li>
                  <li  ng-repeat="m in dictMap['pSizeRatioTypeModel']">
                      <input type="checkbox" name="pSizeRatioType" value="{{m.value}}" ng-click="changeQueryType('pSizeRatioType');">{{m.text}}
                  </li>
              </ul>
        </div>
        <div>
          <p>
            付息方式:
          </p>
            <ul>
                <li>
                    <input type="checkbox" name="pPaymentInterestType" value="" ng-click="changeQueryType('pPaymentInterestType',true);">不限</li>
                <li  ng-repeat="m in paymentInterestTypeModel">
                    <input type="checkbox" name="pPaymentInterestType" value="{{m.value}}" ng-click="changeQueryType('pPaymentInterestType');">{{m.text}}
                </li>
            </ul>

        </div>
        <div>
          <p>
            所在地区:
          </p>
          <ul>
               <li>
                  <input type="checkbox" name="pBelongArea" value="" ng-click="changeQueryType('pBelongArea',true);">不限</li>
                <li ng-repeat="m in dictMap['pbelongAreaModel']">
                  <input type="checkbox" name="pBelongArea" value="{{m.value}}" ng-click="changeQueryType('pBelongArea');">{{m.text}}
                </li>
          </ul>
        </div>
         <div>
            <p>
              是否包销:
            </p>
            <ul>
                <li><input type="checkbox" name="flagBaoxiao" value="" ng-click="changeQueryType('flagBaoxiao',true);">不限</li>
                <li>
                    <input type="checkbox" name="flagBaoxiao" value="true" ng-click="changeQueryType('flagBaoxiao');">包销
                </li>
                <li>
                    <input type="checkbox" name="flagBaoxiao" value="false" ng-click="changeQueryType('flagBaoxiao');">分销
                </li>
            </ul>
        </div>
      </div>
      <!--  股权基金筛选条件 -->
      <div ng-show="t==06" class="qudaoList_check">
         <div>
          <p>
            募集状态:
          </p>
             <ul>
                 <li>
                     <input type="radio" name="pSaleStatus" value=""  ng-click="changeQueryType('pSaleStatus',true);">不限</li>
                 <li  ng-repeat="m in dictMap['productSaleStatusModel']">
                     <input type="radio" name="pSaleStatus" value="{{m.value}}" ng-click="changeQueryType('pSaleStatus');">{{m.text}}
                 </li>
             </ul>

        </div>
        <div>
          <p>
            起购金额:
          </p>
            <ul>
                <li  ng-repeat="m in dictMap['gqminimumAmountModel']">
                    <input type="radio" name="minimumAmount" value="{{m.value}}" ng-click="changeQueryType('minimumAmount');">{{m.text}}
                </li>
            </ul>

        </div>
        <div>
          <p>
            返佣比例:
          </p>
            <ul>
                <li  ng-repeat="m in dictMap['gqRabateRatioModel']">
                    <input type="radio" name="rabateRatio" value="{{m.value}}" ng-click="changeQueryType('rabateRatio');">{{m.text}}
                </li>
            </ul>

        </div>
         <div>
          <p>
            产品期限:
          </p>
             <ul>
                 <li  ng-repeat="m in dictMap['gqdueTimeModel']">
                     <input type="radio" name="dueTime" value="{{m.value}}" ng-click="changeQueryType('dueTime');">{{m.text}}
                 </li>
             </ul>

        </div>
          <div>
            <p>
              是否包销:
            </p>
            <ul>
                <li><input type="checkbox" name="flagBaoxiao" value="" ng-click="changeQueryType('flagBaoxiao',true);">不限</li>
                <li>
                    <input type="checkbox" name="flagBaoxiao" value="true" ng-click="changeQueryType('flagBaoxiao');">包销
                </li>
                <li>
                    <input type="checkbox" name="flagBaoxiao" value="false" ng-click="changeQueryType('flagBaoxiao');">分销
                </li>
            </ul>
        </div>
      </div>
      <!-- 私募基金列表筛选-->
      <div ng-show="t==01" class="qudaoList-div">
        <div>
          <label>
            投资类型:
          </label>
            <label  ng-repeat="m in dictMap['jjflModelNew']">
              <input type="checkbox" name="jjfl" value="{{m.value}}" ng-click="changeQueryType('jjfl');">{{m.text}}
            </label>
        </div>
        <div>
          <label>
            发行方式:
          </label>
            <label  ng-repeat="m in dictMap['zzxsModel']">
              <input type="checkbox" name="zzxs" value="{{m.value}}" ng-click="changeQueryType('zzxs');">{{m.text}}
            </label>
        </div>
      </div>
  </form>
  
  <div ng-show="t!=06" class="qudaoList_sort clear">
     <div ng-class="{'red':sortSelected==1}" ng-click="changeProductSortBy('01');sortSelected=1">默认排序</div>

     <div ng-class="{'red':sortSelected==2}" ng-click="changeProductSortBy('02');sortSelected=2">佣金↓</div>

     <div ng-class="{'red':sortSelected==3}" ng-click="changeProductSortBy('03');sortSelected=3">收益↓</div>

     <div ng-class="{'red':sortSelected==4}" ng-click="changeProductSortBy('04');sortSelected=4">期限↑</div>

     <div ng-class="{'red':sortSelected==5}" ng-click="changeProductSortBy('05');sortSelected=5">上架时间↓</div>
  </div>

  <div ng-include src="'tpl/product/qudaoListchild.html'"></div>

	<div class="pager-box" ng-include src="'tpl/public/pager.html'" ng-show="products.length > 0"></div>
</div>

<div ng-show="showDataPreview">
  <div class="layer-bg"></div>
  <div class="layer-con qudaoList_download">
    <span class="icons-close icon-remove" title="关闭" ng-click="changeShowDataPreview(false)"></span>
    <div class="qudaoList_download_tit clear">
      <h3>资料预览</h3>
      <div class="fr">
          <a target="_blank" href="{{apiHost}}/productDownload.shtml?pId={{dataPreview[0].pId}}">
              <input class="btn btn-info" type="button" value="下载全部"/>
          </a>
      </div>
    </div>
     <div class="form-group qudaoList_download_con">
      <p ng-repeat="d in dataPreview" style="margin-left:30px;">
        <a href="{{apiHost}}/productDownload.shtml?id={{d.id}}" target="_blank">{{d.fName}}</a>
      </p>
    </div>

  </div>
</div>